<%@taglib prefix="s" uri="/struts-tags"%> 
<%@page import="pe.com.bbva.util.Constantes"%>
<s:form action="findControlReporte" id="controlReporteForm"
	theme="simple" method="POST" enctype="multipart/form-data">
	<table width="100%">
		<tr>
			<td>
			<div id="pageTitle">Lista de Reportes</div>
			</td>
		</tr>
		<tr>
			<td>
			<table width="100%">
				<tr>
					<td>
					<div class="formpanel">
					<table>
						<tr>
						    <td class="label">Tipo de Reporte:</td>
							<td><s:select id="cmbBusTipoReporte" name="controlReporteBuscar.tipoReporte.id" 
								list="itemTipoReporte" listKey="value" listValue="label" />
							</td>
								
							<td class="label">Estado Reporte:</td>
							<td><s:select id="cmbBusEstadoProceso" name="controlReporteBuscar.estadoRepNum"
						   		list="itemEstadoReporte" listKey="value" listValue="label"/>
						   </td>
						</tr>
						<tr>
						    <td class="label">Nombre Archivo:</td>
							<td>
						   		<s:textfield theme="simple" id="txtDescripcion" size="44"
								name="controlReporteBuscar.nombreArchivo" />
						    </td>
								
							<td>&nbsp;</td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td class="label">Fecha:</td>
							<td><s:textfield theme="simple" id="txtFechaInicio"
								name="controlReporteBuscar.fecha" style="width:100px"/></td>
							<td></td>
							<td></td>
						</tr>
						
					</table>
					
					</div>
					
					</td>
					
				</tr>
				<tr>
			   		<td>
			   		<s:submit value="Buscar" id="btnBusCargaArchivo" theme="simple" target="dataTable" 
					cssClass="search-form ui-button ui-widget ui-state-default ui-corner-all" />&nbsp;
					&nbsp;
					<input type="button"
					value="Limpiar" id="btnLimpiar"
					class="ui-button ui-widget ui-state-default ui-corner-all" />
			   		</td>
			   </tr>
			</table>
			</td>
		</tr>
	</table>
</s:form>
<div style="width: 100%; padding: 10px 10px 10px 10px;">
<table id="dataTable" width="100%"></table>
 <div id="tablePager"></div>
</div> 

<script language="JavaScript" type="text/javascript">
	$(document).ready(function() {
   	   	$("thead tr th").attr("class","standardTable_Header_footer");
	   	$("caption").attr("class","standardTable_Header_footer caption");
	   	$("#btnLimpiar").click(function(){
    			limpiarForm();
    	});
    	$( "#txtFechaInicio" ).datepicker({ 
    							dateFormat: 'dd/mm/yy',
    							maxDate: "+0D",
    							showOn: "button",
							    buttonImage: "images/calendar.gif",
								buttonImageOnly: true });
    	$( "#txtFechaInicio" ).datepicker();
    	
   	    jQuery("#dataTable").jqGrid({
	   	url:'./findControlReporte.do',
		datatype: "json",
	   	colNames:['ID','Nombre Archivo','Tipo de reporte','Fecha','Hora','Estado','Acciones'],
	   	colModel:[
	   		{name:'id',index:'id',hidden:true},
	   		{name:'nombreArchivo',index:'nombreArchivo', width:420,align:"left"},
	   		{name:'tipoReporte.descripcion',index:'tipoReporte.descripcion', width:170,align:"left"},
	   		{name:'fecha',index:'fecha', width:80,align:"left"},
	   		{name:'hora',index:'hora', width:80,align:"left"},
	   		{name:'descEstado',index:'descEstado', width:80,align:"left"},
  			{name:'act',index:'act',align:"center", width:80,sortable:false,title:false}
	   	],
	   	rowNum:10,
	   	altRows : true,
		altclass : 'myAltRowClass',
	    width: 1100,
	   	rowList:[10,25,50],
	   	pager: '#tablePager',
	   	sortname: 'id',
	    viewrecords: true,
	    sortorder: "desc",
	    caption:"Listado de Reportes",
	    jsonReader : {
	      root:"dataModel",
	      repeatitems: false
	   },beforeRequest: function(){
	   		var _page=$(this).jqGrid('getGridParam', 'page');
	   		
	   		if(_page!=1){
				var _url=$(this).jqGrid('getGridParam', 'url');
				var _idx=_url.indexOf('?');
				
		 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
			}
			
	   }
	   ,
		gridComplete: function(){
		  
			var ids = $(this).jqGrid('getDataIDs');
	
			for(var i=0;i < ids.length;i++){
				var cl = ids[i];
				 var actions ='&nbsp;&nbsp;&nbsp;';
				 actions += actionIcon('descargarReporteControl.do','idReporteControl='+cl,'Detalle ','images/xls.png');
				 actions +='&nbsp;&nbsp;&nbsp;';
				 actions += actionIconConfirm('deleteControlReporte.do','idReporteControl='+cl,'Eliminar','images/icons/eliminar.png','Esta seguro de anular el registro'); 
				 $(this).jqGrid('setRowData',ids[i],{act:actions});
			}
		}
		});
		
	});
	
	function limpiarForm(){
		$("#txtFechaInicio").val("");
		$("#cmbBusTipoReporte").val("");
		$("#cmbBusEstadoProceso").val("");
		$("#txtDescripcion").val("");
	}
</script>


